<div class="breadcrumbs" id="breadcrumbs">
    <script type="text/javascript">
            try{ace.settings.check('breadcrumbs' , 'fixed')}catch(e){}
            jQuery(function($) {
                $("#footer").load("main/footer.html");
            });
        </script>
    <ul class="breadcrumb">
        <li>
            <i class="icon-home home-icon"></i>
            <a href="#index">首页</a>
        </li>
        <li class="active">销售收银</li>
        <li class="active">销售收银台</li>
    </ul>
</div>
<div class="page-content" ng-app="index" ng-controller="sales">
    <div class="row">
        <div class="col-xs-12">
            <div class="tabbable" >
                <ul id="myTab"  class="nav nav-tabs" >
                    <li ng-repeat="commodity in commodityType" ng-click="commodityTypeClick(commodity)" ng-class="{'active':$index==0}"><a data-toggle="tab"   style="width: 120px;cursor:pointer">{{ commodity.skuType }}</a></li>

                </ul>
            </div>

            <div class="tab-content" >

                <div  class="tab-pane in active">
                    <button ng-repeat="commDetailed in commodityDetailed" ng-click="selectDetailed(commDetailed)" class="btn btn-app btn-info">
                        <i class="bigger-120"></i>
                        {{ commDetailed.name }}
                        <span class="badge badge-warning badge-top">￥{{ commDetailed.price }}</span>
                    </button>
                </div>
            </div>


            <form ng-submit="settlement()" class="form-horizontal" role="form" id="usrForm">
                <div class="widget-box" id="accordion">
                    <div class="widget-header">
                        <h4 class="widget-title" >
                            <i class="menu-icon fa fa-inbox"></i>
                            消费明细&nbsp;&nbsp;&nbsp;&nbsp;<span id="countAll"></span>
                        </h4>

                        <div class="widget-toolbar">
                            <a data-toggle="collapse" data-parent="#accordion"
                               href="./stm_usr_edit.html#collapseThree"> <i
                                    class="ace-icon fa fa-chevron-up"></i>
                            </a>
                        </div>
                    </div>
                    <div id="collapseThree">
                        <div class="widget-body">
                            <div class="widget-main" >
                                <fieldset id="order">

                                </fieldset>
                            </div>
                        </div>
                    </div>
                </div>
                <div style="margin-left:450px">
                    <button type="submit"
                            class="btn btn-app btn-warning btn-xs" id="saveButton"> <i
                            class="ace-icon fa fa-floppy-o bigger-200"></i> 结算
                    </button>
                    <span  ng-click="empty()" class="btn btn-app btn-pink  btn-xs"
                             id="empty"> <i class="ace-icon fa fa-reply bigger-200"></i>
                        清空
                    </span>
                </div>
            </form>
                <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
                    <div class="modal-dialog">
                        <div class="modal-content">
                            <div class="modal-header">
                                <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
                                <h4 class="modal-title" id="myModalLabel">添加商品类别</h4>
                            </div>
                            <form ng-submit="settlementAll()"  class="form-horizontal" role="form" id="stmUserForm">

                                <div class="modal-body">

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right"
                                               for="operatorNum">业务员</label>
                                        <div class="col-sm-5">
										<span class="block input-icon input-icon-right" >
                                            <select required  id="operatorNum" name="operatorNum" ng-model="usrKey" class="form-control"
                                                    ng-options="stmUsr.usrKey as stmUsr.usrName for stmUsr in stmUsrList">
                                        </select>
                                        </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right"
                                               for="moneyTotal">总额</label>
                                        <div class="col-sm-5">
                                                <span required  class="block input-icon input-icon-right"> <input
                                                        type="text" disabled="disabled"  ng-model="moneyTotal" id="moneyTotal" name="moneyTotal" class="form-control" />
                                                </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right"
                                               for="moneyTotal"></label>
                                        <div class="col-sm-5">
                                            <input required  id="payMethod" name="payMethod" type="radio" ng-model="payMethod" value="现金" />现金
                                            <input required  type="radio" id="payMethod2" name="payMethod"  ng-model="payMethod" value="微信" />微信
                                            <input required  type="radio" id="payMethod3" name="payMethod"  ng-model="payMethod" value="支付宝" />支付宝
                                            <input required type="radio" id="payMethod4" name="payMethod"  ng-model="payMethod" value="储值卡" />储值卡
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right"
                                               for="vipNum">请输入会员号</label>
                                        <div class="col-sm-5">
                                                <span class="block input-icon input-icon-right"> <input
                                                        required     type="text"   ng-model="vipNum" id="vipNum" name="vipNum" class="form-control" />
                                                </span>
                                                <input required  id="vipType" name="vipType" type="radio" ng-model="vipType" value="会员" />会员
                                                <input required  id="vipType1" name="vipType" type="radio" ng-model="vipType" value="非会员" />非会员

                                        </div>
                                    </div>

                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right"
                                               for="vipPayTotal">会员付款金额</label>
                                        <div class="col-sm-5">
                                                <span class="block input-icon input-icon-right"> <input
                                                        required   type="text" ng-blur="calculatedBalance()"  ng-model="vipPayTotal" id="vipPayTotal" name="vipPayTotal" class="form-control" />
                                                </span>
                                        </div>
                                    </div>
                                    <div class="form-group">
                                        <label class="col-sm-3 control-label no-padding-right"
                                               for="smallChange">找零</label>
                                        <div class="col-sm-5">
                                                <span class="block input-icon input-icon-right"> <input
                                                        required   type="text"   ng-model="smallChange" id="smallChange" name="smallChange" class="form-control" />
                                                </span>
                                        </div>
                                    </div>

                                </div>
                                <div class="modal-footer">
                                    <button type="button"  class="btn btn-default" data-dismiss="modal">取消</button>
                                    <button type="submit" id="saveSettle" class="btn btn-primary">保存</button>
                                </div>
                            </form>
                        </div>
                    </div>
                </div>
        </div>
        </div>
    </div>
</div>
<script>

</script>